<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta>
	<title>修改验证信息</title>
</head>
<body>
	<%@ include file="../include/head.jsp" %>
	<div class="container">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span3" style="height:500px; border:1px solid #CCC">
					<div class="person" style="width:150px; margin:0px 50px;">
						<ul class="unstyled">
							<li>
								<img src="images/header.jpg" alt="" style="margin:10px 20px" />
							</li>
							<li style="text-align:center">
								<a href="#" class="authorname">年少ai痛</a>
							</li>
							<li>
								<p style="color:#4C4C4C; text-align:center; font-size:12px">等级：20</p>
							</li>
							<hr/>
							<li style="text-align:center">
								<a href="#">个人中心</a>
							</li>
							<hr/>
							<li style="text-align:center">
								<a href="#">返回论坛</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="span9" style="height:500px;">
					<div class="nav">
						<ul class="nav nav-tabs">
							<li id="mima" class="active" style="margin-top:10px;"><a href="#">修改密码</a></li>							
							<li id="email" style="margin-top:10px;"><a href="#">修改验证邮箱</a></li>
							<li id="mobile" style="margin-top:10px;"><a href="#">修改验证手机</a></li>
							<li id="help" style="margin-top:10px;"><a href="#">帮助中心</a></li>
						<ul>
					</div>	
					<div class="changepasswd" style="margin:0px 100px;">
						<form action="#" method="post" name="mima">
							<div class="controls">
								<input type="password" placeholder="输入原密码">
							</div>	
							<div class="controls">
								<input type="password" placeholder="输入新密码">
							</div>	
							<div class="controls">	
								<input type="password" placeholder="确认新密码">
							</div>	
							<input type="submit" class="btn btn-info"value="确认提交" />
						</form>
					</div>
					<div class="changeemail" style="margin:0px 100px;display:none">
						<form action="#" method="post" name="email">
							<!-- 验证邮箱后发邮件 -->
							<div class="controls">
								<input type="email" placeholder="输入密保邮箱">
							</div>	
							<input type="submit" class="btn btn-info"value="确认提交" />
						</form>
					</div>
					<div class="changemobile" style="margin:0px 100px;display:none">
						<form action="#" method="post" name="mobile">
							<div class="controls">
								<input type="text" placeholder="输入原手机号码">
							</div>	
							<div class="controls">
								<input type="text" placeholder="输入新手机号码">
							</div>	
							<div class="controls">	
								<input type="text" placeholder="确认新手机号码">
							</div>	
							<input type="submit" class="btn btn-info"value="确认提交" />
						</form>
					</div>
					<div class="gethelp" style="margin:0px 100px;display:none">
						<p>我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档我是帮助文档</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		
		$(function(){
			/* 标签页切换 */
			$('#mima').click(function(){
			  $('#email').attr('class','');
			  $('#mobile').attr('class','');
			  $('#help').attr('class','');
			  $('#mima').attr('class','active');
			  
			  $('.changeemail').hide();
			  $('.changemobile').hide();
			  $('.gethelp').hide();
			  $('.changepasswd').show();
			});
			$('#email').click(function(){
			  $('#mima').attr('class','');
			  $('#mobile').attr('class','');
			  $('#help').attr('class','');
			  $('#email').attr('class','active');
			  
			  $('.changepasswd').hide();
			  $('.changemobile').hide();
			  $('.gethelp').hide();
			  $('.changeemail').show();
			});
			$('#mobile').click(function(){
			  $('#email').attr('class','');
			  $('#mima').attr('class','');
			  $('#help').attr('class','');
			  $('#mobile').attr('class','active');
			  
			  $('.changepasswd').hide();
			  $('.changeemail').hide();
			  $('.gethelp').hide();
			  $('.changemobile').show();
			});
			$('#help').click(function(){
			  $('#mima').attr('class','');
			  $('#email').attr('class','');
			  $('#mobile').attr('class','');
			  $('#help').attr('class','active');
			  
			  $('.changemobile').hide();
			  $('.changepasswd').hide();
			  $('.changeemail').hide();
			  $('.gethelp').show();
			});
			/* 标签页切换结束  */
			
		})
	</script>
</body>
</html>